<template>
    <div id="tmpl" style="text-align: center">
      商品详情
      <hr>
<h4>{{list.title}}</h4>
      <hr>
     <p>{{list.desc}}</p>
      <img :src="list.img_url" >

    </div>
</template>

<script>
    export default{
        props:['id'],
        data(){
            return{
                list:[],
              id:''

            }
        },
      mounted(){
            this.id=this.$route.params.id;
            this.getData();
      },
      methods:{
        getData(){
            this.$http.get('./api/goodsdesc/',{
                params:{
                    gId:this.id
                }
            }).then(res=>{
                this.list=res.data[0];
            })
        }
      },
    }
</script>

<style scoped>

</style>
